<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let arr = [100, 200, 300, 400, 500, 600];
        arr.forEach((item, index) => {
            console.log(`第${index + 1}个元素是：${item}`);
        })

        // 常用，如果不需要数组元素的索引的话，一般如下格式：
        arr.forEach(item => {
            console.log(item);
        });

        // 需求：将数组中的每一项翻倍
        // map: 将数组中的每一项做一个相同的操作并把结果放入一个新的数组中
        let newArr = arr.map(item => {
            return item * 2;
        })
        console.log(newArr);

        // 需求：将数组arr中3的倍数放入一个新的数组中
        // filter:将数组中的每一项做一个相同的操作，把最终结果为true的数据筛选出来，放入一个新的数组中
        let newArr2 = arr.filter(item => {
            return item % 3 === 0
        })
        console.log(newArr2);

        // 小练习
        let array = [
            [1, 2],
            [3, 4],
            [5, 6],
            [7, 8]
        ]

        // 生成一个新的数组newArray，格式如下：
        // [
        //     {x:1,y:2},
        //     {x:3,y:4},
        //     {x:5,y:6},
        //     {x:7,y:8}
        // ]

        let newArray = array.map(item => {
            return { x: item[0], y: item[1] }
        })
        console.log(newArray);
        
    </script>
</body>

</html>